<template>
	<h1></h1>
	<ul>
		<li v-for="item in list" :key="item.id"><img :src="item.imageUrl" alt="" /></li>
	</ul>
</template>

<script setup>
import { onBeforeMount } from 'vue';
import { getSliders } from '../api/slider.js';
let list = ref([]);
onBeforeMount(() => {
	getSliders().then(res => {
		list.value = res.data.list;
		console.log(res);
	});
});
</script>

<style scoped>
.img {
	width: 100%;
	height: 200px;
}
</style>
